import React from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Types } from 'phaser';

import GameWrapper from '@/components/GameWrapper';
import SnakeScene from '@/pages/game/snake/scenes';

const config: Types.Core.GameConfig = {
  width: 800,
  height: 640,
  scene: [SnakeScene],
};

const SnakeGame: React.FC<{}> = () => {
  return (
    <PageHeaderWrapper>
      <GameWrapper config={config} />
    </PageHeaderWrapper>
  );
};

export default SnakeGame;
